﻿ <div class="form-group col-md-12" style="padding-left:0px; padding-right:0px;"> 
    <div>
    <label style="color:Red">Master Data</label>
    </div>
    <div id="divMasterData" class="form-group col-md-10" style=" border:1px solid;border-color:#000; width:1140px;height:130px;">   
         <br/>
         <div class="row" > 
            <label class="control-label" style="font-size:inherit;width:130px;" >Customer Code: </label>
            <input type="text" id="CustomerCode"  style="font-size:inherit;width:130px;" name="CustomerCode" ng-model="cust.customerNum" ng-readonly="isreadonly" required/>
            <label class="control-label" style="font-size:inherit;width:200px;">Customer Name: </label>
            <input type="text" id="CustomerName"  style="font-size:inherit;width:130px;" name="customerName" ng-model="cust.customerName" required/>
            <label class="control-label" style="font-size:inherit;width:200px;">Internal Company:</label>
            <select id="Company"  style="height:20px;width:130px;" ng-model="cust.excludeFlg" ng-options="a.detailValue as a.detailName for a in internallist">
            </select>
         </div>
         <br/> 
         <div class="row">
             <label class="control-label" style="font-size:inherit;width:130px;">Customer Group:</label>
             <input type="text" ng-model="cust.billGroupCode" typeahead="a.billGroupCode as a.billGroupName for a in billGroupChange($viewValue) | filter:{billGroupName:$viewValue} | limitTo:10"
                    style="font-size:inherit;width:130px;" typeahead-editable="true" typeahead-input-formatter="formatLabel($model)" />
            <label class="control-label" style="font-size:inherit;width:200px;">Collector:</label>
            <select id="Collector"  style="height:20px;width:130px;" ng-change="change(cust.collector)" ng-model="cust.collector" ng-options="a.eid as a.name for a in collectorlist">
                <option value="">All</option>
            </select>
         </div>
         <br/>
         <div class="row" >  
            <input type="button" class="btn-default" style="width:109px;height:24px;vertical-align:top;margin-left:825px;" value="Save" ng-click="saveCustomer()"/>
         </div>
        </div>

        <div class="row" style="height:20px">
         </div>
         <div>
            <label style="color:Red;">Special Notes</label>
        </div>
     <div id="divSpecialNotes" class="form-group col-md-10" style=" border:1px solid;border-color:#000; width:1140px;height:227px;">
         <br />
         <div class="row">
             <label class="control-label" style="font-size:inherit;width:130px;vertical-align: top;">Avery: </label>
             <textarea style=" width:600px;height:60px; font-size:11px;resize:none" ng-model="notes1.specialNotes"></textarea>
             <input type="button" class="btn-default" style="width:109px;height:24px;vertical-align:top;margin-left:250px;margin-top:37px" value="Save" ng-click="saveSpecialNotes(notes1.specialNotes,type='Avery')" />
         </div>
         <div class="row" style="height:5px">
         </div>  
         <div class="row">
             <label class="control-label" style="font-size:inherit;width:130px;vertical-align: top;">Paxar - CN: </label>
             <textarea style=" width:600px;height:60px; font-size:11px;resize:none" ng-model="notes2.specialNotes"></textarea>
             <input type="button" class="btn-default" style="width:109px;height:24px;vertical-align:top;margin-left:250px;margin-top:37px" value="Save" ng-click="saveSpecialNotes(notes2.specialNotes,type='Paxar - CN')" />
         </div>
         <div class="row" style="height:5px">
         </div>
         <div class="row">
             <label class="control-label" style="font-size:inherit;width:130px;vertical-align: top;">Paxar - US: </label>
             <textarea style=" width:600px;height:60px; font-size:11px;resize:none" ng-model="notes3.specialNotes"></textarea>
             <input type="button" class="btn-default" style="width:109px;height:24px;vertical-align:top;margin-left:250px;margin-top:37px" value="Save" ng-click="saveSpecialNotes(notes3.specialNotes,type='Paxar - US')" />
         </div>
     </div>

        <div class="row" style="height:20px">
        </div>  
        <div>
        <label style="color:Red;">Contact</label>
        </div>
        <div id="divContact" class="form-group col-md-10" style=" border:1px solid;border-color:#000; width:1140px;height:185px;">
            <input type="button" class="btn-default" style="width:109px;height:24px;vertical-align:top;margin-left:972px" value="Add" ng-click="AddContacterInfo()"/>
            <div class="masterdate-style" style="width:1060px;height:130px; margin-left:19px" ui-grid="contactList" ui-grid-resize-columns  ui-grid-pinning>
            </div> 
        </div>
        <div class="row" style="height:20px">
        </div>   
        <div>
        <label style="color:Red;">Payment Bank</label>
        </div>
        <div id="divPaymentbank" class="form-group col-md-10" style=" border:1px solid;border-color:#000; width:1140px;height:185px;">
            <input type="button" class="btn-default" style="width:109px;height:24px;vertical-align:top;margin-left:972px" value="Add" ng-click="AddBankInfo()""/>
            <div class="masterdate-style" style=" width:1060px;height:130px; margin-left:19px" ui-grid="bankList" ui-grid-resize-columns  ui-grid-pinning>
            </div>
        </div>
        <div class="row" style="height:20px">
        </div> 
        <div>
        <label style="color:Red;">Payment Calender</label>
        </div>
        <div id="divPaymentcircle" class="form-group col-md-10" style=" border:1px solid;border-color:#000; width:1140px;height:310px;">  
            <table style="margin-left:20px;margin-top:10px ">
                <tr>
                    <td>
                        <label  class="control-label" style="font-size:x-small;" for="File">Upload File:</label>
                    </td>
                    <td>
                        <input  type="file" id="uploadCalendar" nv-file-select="" uploader="uploader" />
                    </td>
                    <td style="width:5px">
                    </td>
                    <td>
                        <button  class="btn btn-primary form-control" ng-click="addFileCircle()">Upload</button>         
                    </td>
                </tr>
                <tr style="height:10px">
                </tr>
                <tr>
                    <td>
                        <label for="File">Payment Day:</label>
                    </td>
                    <td>
                        <div style="width:250px" datetimepicker value="paymentCircle" readonly="true" />
                    </td>
                    <td style="width:5px">
                    </td>
                    <td>
                        <button  class="btn btn-primary form-control" ng-click="addPaymentcircle()">Add</button> 
                    </td>
                </tr>
                <tr style="height:20px"></tr>
                <tr>
                    <td>
                        <label for="File">Legal Entity:</label>
                    </td>
                    <td>
                        <select id="legalEntity" style="height:20px;width:130px;" ng-change="changeLegal(entityFlg)" ng-model="entityFlg" ng-options="a.legalEntity as a.legalEntity for a in legallist"><option value="">All</option></select>
                    </td>
                </tr>
            </table>
            <div class="masterdate-style" ui-grid="paydayList" style="width:1060px;height:130px; margin:20px" ui-grid-resize-columns  ui-grid-pinning>
            </div>
       </div>
     <div class="row" style="height:20px">
     </div>
     <div>
         <label style="color:Red;">Dunning</label>
     </div>
     <div id="divMasterData" class="form-group col-md-10" style="border:1px solid;border-color:#000; width:1140px;height:185px;">
         <input type="button" class="btn-default" style="width:109px;height:24px;vertical-align:top;margin-left:972px" value="Add" ng-click="AddConfig()" />
         <div class="masterdate-style" style="width:1060px;height:130px; margin-left:19px" ui-grid="dunningList" ui-grid-resize-columns ui-grid-pinning>
         </div>
     </div>
</div>